<template>
    <div class="mainLandBtns f-cb">
        <span class="fl return" @click="PrevClick">{{$t('m.Previousstep')}}</span>
        <span class="fr next" @click="NextClick">{{$t('m.Nextstep')}}</span>
    </div>
</template>
<script>
    export default {
        props: [],
        data() {
            return{

            }
        },
        mounted(){},
        methods:{
            NextClick(){
                this.$emit("NextClick");
            },
            PrevClick(){
                this.$emit("PrevClick");
            }
        },
        watch:{

        }
    }
</script>

<style lang="less">
    .mainLandBtns{
        padding-top: 45px;
        width: 100%;
        span{
            cursor: pointer;
            width: 180px;
            height: 36px;
            line-height: 36px;
            border-radius:3px;
            display:block;
            text-align: center;
            font-size: 14px;
            transition: opacity 0.3s;
        }
        span:hover{
            opacity: 0.8;
        }
        span.return{
            background: @e7e6eb;
            color: @000;
        }
        span.next{
            background: @hoverColor;
            color: @fff;
        }
    }
</style>